.box {
	width: 702rpx;
	background: #FFFFFF;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
	margin: 26rpx auto 0;

	&:nth-child(1) {
		.line {
			&:nth-child(1) {
				background: #FFF0CD;
			}
		}

	}

	.line {
		border-bottom: 2rpx solid #F6F6F6;
		overflow: hidden;
		height: 120rpx;
		line-height: 120rpx;
		padding: 0 16rpx;
		&:last-child {
			border-bottom: none
		}


		.left {
			margin-top: 26rpx;
			width: 70rpx;
			height: 70rpx;
			border-radius: 50%;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			overflow: hidden;
			float: left;
		
			image {
				width: 70rpx;
				height: 70rpx;
			}
			.lefwet {
				margin-top: 26rpx;
				width: 70rpx;
				height: 70rpx;
				border-radius: 50%;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			overflow: hidden;
			float: left;
			}
		}

		.center {

			float: left;

			.name {
				float: left;
				margin: 0 25rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}

			.grade {
				float: left;
				
				padding: 14rpx 16rpx 14rpx 16rpx;
				font-size: 20rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				background: #FBD220;
				border-radius: 18rpx;
				height: 26rpx;
				line-height: 0rpx;
				margin-top: 46rpx;
			}

			.tel {
				height: 60rpx;
				line-height: 48rpx;
				margin-left: 24rpx;
			}
		}

		.right {
			height: 120rpx;
			float: right;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			display: flex;
			justify-content: center;
			/* 水平居中 */
			align-items: center;

			/* 垂直居中 */
			.btn {
				width: 124rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;
				border-radius: 30rpx;

				&:nth-child(1) {
					background: #333333;
					color: #fff;
					margin-right: 32rpx;
				}

				&:nth-child(2) {
					background: #FBD220;
					color: #333;
				}
			}
		}

	}
}

.tips {
	margin-left: 24rpx;
	margin-top: 40rpx;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #666666;
}


.footer {
	/* 垂直居中 */
	position: fixed;
	bottom: 0;
	width: 750rpx;
	z-index: 2;
	height: 120rpx;
	background: #FFFFFF;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);

	.btn {
		width: 702rpx;
		height: 88rpx;
		background: linear-gradient(270deg, #FBD220, #FFE23E);
		border-radius: 44rpx;
		margin: 0 auto;
		font-size: 32rpx;

		.name {
			display: flex;
			align-items: center;
			position: relative;
			z-index: 200;
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			text{
				margin-left: 15rpx;
			}
		}

		.icon {
			margin-right: 16rpx;
			display: flex;
			justify-content: center;
			/* 水平居中 */
			align-items: center;

			/* 垂直居中 */
			image {
				width: 40rpx;
				height: 40rpx;
			}
		}
	}
}

page {
	background-color: #F6F6F6;
}
